
<p><br />Виды селекторов<br /><br />Селекторы правила CSS могут быть:<br /><br />    универсальный селектор;<br /><br />* {margin:0; padding:0;}<br /><br />    селекторами элементов;<br /><br />p {font-family: Garamond, serif;}<br /><br />    селекторами классов;<br /><br />.note {color: red; background: yellow; font-weight: bold;}<br /><br />    селекторами идентификаторов;<br /><br />#paragraph1 {margin: 0;}<br /><br />    селекторами атрибутов;<br /><br /> a[href="http://www.somesite.com"]{font-weight:bold;}<br /><br />    селекторами потомков (контекстными селекторами);<br /><br />div#paragraph1 p.note {color: red;}<br /><br />    селекторами дочерних элементов;<br /><br />p.note &gt; b {color: green;}<br /><br />    селекторами сестринских элементов;<br /><br />h1 + p {font-size: 24pt;}<br /><br />    селекторами псевдоклассов;<br /><br />a:active {color:yellow;}<br /><br />    селекторами псевдоэлементов.<br /><br />p::first-letter {font-size: 32px;}<br /><br />    Также в CSS существует так называемый универсальный селектор, обозначающий любой элемент, встречающийся в документе. Например, * {color: red;}. Перед любым селектором, задающим класс или идентификатор, можно поставить знак универсального селектора, в результате получится эквивалентное выражение, например, .first {…} и *.first {…} имеют один и тот же смысл.</p>